<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>新闻—列表页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../res/layui/css/layui.css">
  <link rel="stylesheet" href="../res/static/css/index.css">
</head>
<body>

<div class="news-header">
  <div class="layui-container">
    <a id="logo" href="index.html"><img src="../res/static/img/logo.png"></a>
    <ul class="layui-nav header-nav close">
      <li class="layui-nav-item">
        <a href="index.html">首页</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">热点</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">财经</a>
      </li>
      <li class="layui-nav-item layui-this">
        <a href="list.html">科技</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">游戏</a>
      </li>
      <li class="layui-nav-item">
        <a href="list.html">娱乐</a>
      </li>
      <li class="layui-nav-item more">
        <a href="javaScript:;">更多</a>
        <dl class="layui-nav-child">
          <dd><a class="hida" href="list.html">生活</a> <a class="hida" href="list.html">国际</a></dd>
          <dd><a class="hida" href="list.html">军事</a> <a class="hida" href="list.html">育儿</a></dd>
          <dd><a class="hida" href="list.html">体育</a> <a class="hida" href="list.html">美食</a></dd>
        </dl>
      </li>
    </ul>
    <button id="switch">
      <span></span><span class="second"></span><span class="third"></span>
    </button>
    <div class="layui-form header-search">
      <input type="text" placeholder="诺基亚" class="layui-input">
    </div>
    <div class="layui-form header-login">
      <a href="login.html">登入</a>
      <a href=""><i class="layui-icon layui-icon-news-qq"></i></a>
      <a href=""><i class="layui-icon layui-icon-news-wechat"></i></a>
    </div>
    <ul class="layui-nav header-login">
      <li class="layui-nav-item">
        <a href="javascript:;"><img src="../res/static/img/header1.png" class="layui-nav-img"></a>
        <dl class="layui-nav-child">
          <dd><a href="user.html">个人中心</a></dd>
          <dd><a href="javascript:;">退出登录</a></dd>
        </dl>
      </li>
    </ul>
  </div>
</div>

<div class="layui-container news-list news-index">
  <div class="layui-row layui-col-space20 contentBot">
    <div class="layui-col-md8 index-list">
      <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
          <li class="layui-this">全部</li>
          <li>互联网</li>
          <li>软件</li>
        </ul>
        <div class="layui-tab-content">
          <div class="layui-tab-item layui-show">
            <ul class="newsList">
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
                  <a href="detail.html">全球最难拿的卡，世界上只有8张，中国就只有这两个人拥有它</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">在现在的快节奏生活里，人们几乎是手机和卡都是不离身的，大家都会有一些卡，什么银行卡，优惠卡，信用卡等等...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
                  <a href="detail.html">全球最难拿的卡，世界上只有8张，中国就只有这两个人拥有它</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">在现在的快节奏生活里，人们几乎是手机和卡都是不离身的，大家都会有一些卡，什么银行卡，优惠卡，信用卡等等...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
              <li class="newsList2">
                <div class="title"><a href="detail.html">王者荣耀走下坡路，七个原因告诉你为什么，句句在理</a></div>
                <a href="javascript:;"><img src="../res/static/img/home_img7.jpg"></a><a href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><a href="javascript:;" class="last"><img src="../res/static/img/home_img9.jpg"></a>
                <div class="label"><span class="cyan">科技</span>游戏网 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
            </ul>
            <div class="btn"><a href="javascript:;" class="layui-btn layui-btn-primary">点击加载更多</a></div>    
          </div>
          <div class="layui-tab-item">
            <ul class="newsList">
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
                  <a href="detail.html">全球最难拿的卡，世界上只有8张，中国就只有这两个人拥有它</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">在现在的快节奏生活里，人们几乎是手机和卡都是不离身的，大家都会有一些卡，什么银行卡，优惠卡，信用卡等等...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
                  <a href="detail.html">全球最难拿的卡，世界上只有8张，中国就只有这两个人拥有它</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">在现在的快节奏生活里，人们几乎是手机和卡都是不离身的，大家都会有一些卡，什么银行卡，优惠卡，信用卡等等...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
            </ul>
            <div class="btn"><a href="javascript:;" class="layui-btn layui-btn-primary">点击加载更多</a></div>
          </div>
          <div class="layui-tab-item">
            <ul class="newsList">
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img4.jpg"></a><div class="txt">
                  <a href="detail.html">全球最难拿的卡，世界上只有8张，中国就只有这两个人拥有它</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">在现在的快节奏生活里，人们几乎是手机和卡都是不离身的，大家都会有一些卡，什么银行卡，优惠卡，信用卡等等...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/paging_img7.jpg"></a><div class="txt">
                  <a href="detail.html">5000毫安的荣耀Note10，我就是要跟你打持久战</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">国产手机迎来了最好的局面，除了苹果、三星之外，似乎就是国产手机的天下了。但是，我们不得不承认一个事实是...</p>
                </div>
              </li>
              <li>
                <a class="img" href="javascript:;"><img src="../res/static/img/home_img8.jpg"></a><div class="txt">
                  <a href="detail.html">拿iPhone X玩王者荣耀是一种怎样的体验？</a>
                  <div class="label"><span class="cyan">科技</span>爱科学 <b>2018-06-07</b> <i class="layui-icon layui-icon-news-review1"></i>200</div>
                  <p class="cont">说起苹果的iPhone手机，绝对是《王者荣耀》的最强搭档。哪怕是三年前只有1GB内存的iPhone6，跑《王者荣耀》都...</p>
                </div>
              </li>
            </ul>
            <div class="btn"><a href="javascript:;" class="layui-btn layui-btn-primary">点击加载更多</a></div>
          </div>
        </div>
      </div>
    </div>
    <div class="layui-col-md4 index-side">
      <div class="newsSide">
        <h2>24小时热文</h2>
        <ul>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img10.jpg"></span><p class="txt">今日魔都烟雾缭绕，美似仙境！</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img11.jpg"></span><p class="txt">美计划调高对华商品征税税率 外交部：施压与讹诈不会起作用</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img12.jpg"></span><p class="txt">烟草纳税万亿！一包20元的烟利润 是多少钱？烟民：为了纳税而抽烟</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img13.jpg"></span><p class="txt">移动端游戏占领大部分市场</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img14.jpg"></span><p class="txt">八一建军节天安门升旗仪式</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img10.jpg"></span><p class="txt">今日魔都烟雾缭绕，美似仙境！</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img11.jpg"></span><p class="txt">美计划调高对华商品征税税率 外交 部：施压与讹诈不会起作用</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img12.jpg"></span><p class="txt">烟草纳税万亿！一包20元的烟利润 是多少钱？烟民：为了纳税而抽烟</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img13.jpg"></span><p class="txt">移动端游戏占领大部分市场</p></a></li>
          <li><a href="javascript:;"><span><img src="../res/static/img/home_img14.jpg"></span><p class="txt">八一建军节天安门升旗仪式</p></a></li>
        </ul>
      </div>
    </div>
    <div id="silde"><a id="refresh"><i class="layui-icon layui-icon-refresh"></i></a><a id="scroll"><i class="layui-icon layui-icon-up"></i></a></div>
  </div>  
</div>

<div class="news-footer">
  <div class="layui-container">
    <span class="layui-breadcrumb" lay-separator=" ">
      <a>关于我们</a>
      <a>合作伙伴</a>
      <a>广告服务</a>
      <a>常见问题</a>
    </span>
    <p class="copyright">Copyright &copy; 新闻网 赣ICP备12345678号</p>
    <a id="wechat" href=""><i class="layui-icon layui-icon-news-wechat"></i></a>
    <a id="weibo" href=""><i class="layui-icon layui-icon-news-weibo"></i></a>
    <img id="code" src="../res/static/img/code.png">
  </div>
</div>

<script src="../res/layui/layui.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
  layui.config({
    base: '../res/static/js/' 
  }).use('news'); 
</script>

</body>
</html> 